<include file="public:header"/>
<if condition="is_weixin_browser()">
    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script type="text/javascript">
        wx.config({$wx_config});
    </script>
</if>
<script type="text/javascript">
    _global.item = {$item_json};
</script>
<div class="container-fluid oh">
    <div class="row">
        <div class="col-xs-12 swiper-container" id="J_goods_img" style="min-height: 200px;">
            <ul class="swiper-wrapper">
                <volist name="item_img" id="val">
                    <li class="swiper-slide">
                        <img data-original="{:attach($val['img'])}" alt="" class="cut-img">
                    </li>
                </volist>
            </ul>
            <div class="swiper-pagination"></div>
        </div>
    </div>
</div>

<div class="container">
    <div class="row item-brief mb10">
        <div class="col-xs-12">
            <p class="title">{:item_type_html($info)}{$info.title}</p>
            <p class="price">
                <span class="green fs-16 fl">￥{$info.price}</span>
                <span class="grey sthrough fs-12 fl mt5 ml5 mr5">市场价￥{$info.mprice}</span>
                
            </p>
        </div>
        <!--<div class="col-xs-4 shop-tags">-->
            <!--<div class="icon">-->
                <!--<i class="truck"></i><span>全场包邮</span>-->
            <!--</div>-->
        <!--</div>-->
        <!--<div class="col-xs-4 shop-tags tc">-->
            <!--<a class="icon" data-url="{:U(MODULE_NAME.'/buy_list',['item_id'=>$_GET['id']])}">-->
                <!--<i class="buy"></i><span>已出售{$info['sales']+$info['sales_base']}</span>-->
            <!--</a>-->
        <!--</div>-->
        <div class="col-xs-4 shop-tags tr">
            <!-- <div class="icon">
                <i class="address"></i><span>{$shop.province}{$shop.city}</span>
            </div> -->
        </div>
    </div>
    <if condition="$info['tips']">
        <div class="row item-shop-brief mb10">
            <div class="col-xs-12 fs-12 grey">
                {$info.tips}
            </div>
        </div>
    </if>

    <!-- <div class="row item-shop-info">
        <div class="col-xs-6 shop-name">
            <div class="img fl mr5">
                <img src="{:attach($shop['img'])}">
            </div>
            <div class="name fl">
                <p>{$shop.title}</p>
                <p class="fs-12 grey">{$shop.province}{$shop.city}</p>
            </div>
        </div>
        <div class="col-xs-6 shop-collect J_shop_favs"></div>
    </div>
    <div class="row item-shop-info no-pd">
        <volist name="article_list" id="val">
            <div class="col-xs-4 shop-tags pr0 J_show_url" data-url="{:U('assets/article',['id'=>$val['id']])}"
                 data-title="{$val.title}">
                <div class="icon">
                    <i class="yes"></i><span>{$val.title}</span>
                </div>
            </div>
        </volist>
    </div>
    <div class="row item-shop-info mb10">
        <div class="col-xs-6 shop-btn">
            <a href="{:U('member/index',['mid'=>$info['mid']])}">全部商品</a>
        </div>
        <div class="col-xs-6 shop-btn">
            <a href="{:U('member/index',['mid'=>$info['mid']])}">进入店铺</a>
        </div>
    </div> -->

    <div class="row item-rec-item bgwhite">
        <div class="col-xs-12">
            <h2 class="fs-16 mb10 mt10 pr">
                <i class="round fl mr5" style="height:19px;width:8px;"></i>
                猜你喜欢<a class="fr fs-12 grey" href="{:U('index/index')}">更多</a></h2>
        </div>
        <div class="col-xs-12 item-rec bm no-pd oh">
            <ul class="swiper-wrapper">
                <volist name="shop_hot_items" id="val">
                    <li class="goods swiper-slide">
                        <a href="{:U('item/index',['id'=>$val['id']])}">
                            <span class="img cut-img">
                                <img data-original="{:attach($val['img'])}" alt=""/>
                            </span>
                            <span class="title">{$val.title}</span>
                            <p class="brief">
                                <span class="price green">￥{$val.price}</span>
                            </p>
                        </a>
                    </li>
                </volist>
            </ul>
        </div>
        <present name="load_more">
            <div class="col-xs-12 grey pb10 pt10 tc">
                <p>继续拖动，查看图文详情</p>
            </div>
        </present>
    </div>
</div>
<div class="container J_widget" data-widget-type="Tabs"
     data-widget-config="{'contentCls':'.item-detail','navCls':'.item-detail-title','activeTriggerCls':'ac','autoplay':false}"
     style="margin-top: 20px;">
    <div class="row item-detail-title bgwhite">
        <div class="col-xs-6 item ac" data-type="detail"><a href="javascript:;">详情</a></div>
        <!-- <div class="col-xs-4 item" data-type="item_attr"><a href="javascript:;">属性</a></div> -->
        <div class="col-xs-6 item" data-type="item_abst"><a href="javascript:;">购物说明</a></div>
    </div>

    <div class="row item-detail bgwhite">
        <div class="col-xs-12 item-content">
            {$info.info}
        </div>
        <!-- <div class="col-xs-12 item-attr" id="J_item_attr"></div> -->
        <div class="col-xs-12 item-attr" id="J_item_abst">
			<h3 class="tc">升级礼包</h3>
			<ul>
    			<li class="mb10">
					<div class="pl20">选择一</div>
					<p class="pl30">&nbsp;●&nbsp;&nbsp;获取&nbsp;<font color="#ff4777">￥{$info.price_up}</font>&nbsp;元的退款。</p>
				</li>
				<li class="mb10">
					<div class="pl20">选择二</div>
					<p class="pl30">&nbsp;●&nbsp;&nbsp;提取价值&nbsp;<font color="#ff4777">￥{$info.price_up}</font>&nbsp;元的商品。</p>
				</li>
				<li class="mb10">
					<img data-original="{:attach($info['img_up'])}" alt="" class="pc-100"/>
				</li>
			</ul>
		</div>
    </div>
</div>

<div class="container-fluid oh pf b0 l0 r0 z1">
    <div class="row item-btn">
        <!-- <div class="col-xs-2 icon" id="J_member_contact" data-mid="{$info.mid}">
            <a href="tel:010-59404973">
                <i class="service"></i>
                <span>客服</span>
            </a>
        </div> -->
        <div class="col-xs-3 icon">
            <a href="javascript:;" class="J_item_favs" data-id="{$info.id}">
                <i class="collect"></i>
                <span>收藏</span>
            </a>
        </div>
        <div class="col-xs-3 icon">
            <a href="__ROOT__/">
                <i class="index"></i>
                <span>首页</span>
            </a>
        </div>
        <div class="col-xs-6 button"><a href="javascript:;" class="submit-btn js-show-item-attr">立即购买</a></div>
    </div>
</div>

<include file="public:footer"/>